<template>
  <div id="app">
    <!-- <TopDesc desc="quanx"></TopDesc>
    <h1>我是App组件</h1>
    <div class="box">123</div>
    <van-loading size="150px" vertical color="#1989fa" text-color="#1989fa" text-size="30px">Loadding...</van-loading>
    <van-button type="info" @click="doClick">获取权限</van-button> -->
    <router-view></router-view>
    <div class="mask" v-if="$store.state.isShow">
      <van-overlay :show="$store.state.isShow" />
      <van-loading color="#1989fa" size="150px" text-size="50px"></van-loading>
    </div>
  </div>
</template>

<script>
import { getPermission, getPhoneInfo } from "./utils/android.js";
export default {
  methods: {
    async doClick() {
      const res = await getPermission()
      console.log(JSON.stringify(res), '获取权限返回的结果')
      const result = await getPhoneInfo()
      console.log(result, '设备的信息')
    }
  },
  created() {
  },
}
</script>
<style lang="less" scoped>
#app {
  .mask {
    position: fixed;
    top: 0;
    z-index: 9999999;
    width: 100vw;
    margin-top: (300/@a);
    text-align: center;


  }

  h1 {
    margin-top: (60/@a);
  }

  .box {
    width: (200/@a);
    height: (200/@a);
    background-color: purple;
  }
}
</style>